body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; list-style:none;font-family: "微软雅黑"; -webkit-appearance: none;}
a{color:#2b2b2b; text-decoration:none}
body{ font-size:0.12rem; background-color: #323542;}
img { border:0px;}

.whole{
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.title{
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0.2rem;
	text-align: center;
	line-height: 1rem;
	color: #fff;
}
.coordinates-icon{
	width: 2rem;
	height: 1.4rem;
	margin: 0.3rem auto;
	position: relative;
}
.coordinates{
	width: 1rem;
	height: 1.2rem;
	overflow: hidden;
	position: absolute;
	z-index: 8;
	margin-left: 0.51rem;
	top: -0.60rem;
}
.coordinates img{
	width: 100%;
	height: auto;
}

.circle-1-1{
	width: 100%;
	height: 0.94rem;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 100%;
	background-color: #3a3d4a;
	position: absolute;
	bottom: 0;
	z-index: 1;
	opacity: 0;
}
.circle-2-2{
	width: 1.34rem;
	height: 0.56rem;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 100%;
	background-color: #4e515c;
	/* margin: 0.0rem 0.88rem; */
	left: 50%;
	margin-left: -0.68rem;
	bottom: 0.19rem;
	position: absolute;
	z-index: 2;
	opacity: 0;
}
.circle-3-3{
	width: 0.7rem;
	height: 0.26rem;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 100%;
	background-color: #71747d;
	/* margin: 15px 63px; */
	z-index: 3;
	left: 50%;
	margin-left: -0.36rem;
	bottom: 0.34rem;
	position: absolute;
	opacity: 0;
}

.login-form{
	width: 3rem;
	height: auto;
	margin: 0 auto;
}
.common-div{
	width: 100%;
	height: 0.42rem;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-bottom: 0.10rem;
}
.user-name,.user-pasw{
	background-color:rgba(255,255,255,0.1);
}
.common-div >.common-icon{
	float: left;
	width: 0.2rem;
	height: 0.2rem;
	overflow: hidden;
	margin: 0.12rem;
}
.common-div >.common-icon img{
	width:90%;
	height:auto;
}
.common-div >input{
	float: left;
	width: 1.8rem;
	height: 0.31rem;
	line-height: 0.3rem;
	margin: 0.05rem 0.08rem;
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 0.15rem;
	color: #fff;
}
.login-btn{
	background-color: #0bd38a;
	color: #fff;
	font-size: 0.15rem;
	text-align: center;
	line-height: 0.42rem;
}
.forgets{
	width:4.58rem;
	height:auto;
	margin:0 auto;
}
.forgets >a{
	color:#fff;
	opacity:0.2;
	font-size:0.24rem;
}
.forgets >a +a{
	float:right;
}

/***layer css***/
.layui-m-layercont,.layui-m-layerbtn >span{
	font-size:0.24rem !important;
}

/***动画***/
.topAct{
	animation:topAct 3s ease-in-out infinite;
	-webkit-animation:topAct 3s ease-in-out infinite;
	-moz-animation:topAct 3s ease-in-out infinite;
	-o-animation:topAct 3s ease-in-out infinite;
	-ms-animation:topAct 3s ease-in-out infinite;
}
@keyframes topAct
{
	0% {top:-0.60rem;}
	50% {top:0rem;}
	100%{top:-0.60rem;}
}
@-webkit-keyframes topAct
{
	0% {top:-0.60rem;}
	50% {top:0rem;}
	100%{top:-0.60rem;}
}
@-moz-keyframes topAct
{
	0% {top:-0.60rem;}
	50% {top:0rem;}
	100%{top:-0.60rem;}
}

.circle-show{
	animation:circleShow 3s ease-in-out infinite 1s;
	-webkit-animation:circleShow 3s ease-in-out infinite 1s;
	-moz-animation:circleShow 3s ease-in-out infinite 1s;
	-ms-animation:circleShow 3s ease-in-out infinite 1s;
	-o-animation:circleShow 3s ease-in-out infinite 1s;
}
@keyframes circleShow
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes circleShow
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes circleShow
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}

.circle-show-1{
	animation:circleShow1 3s ease-in-out infinite 1.2s;
	-webkit-animation:circleShow1 3s ease-in-out infinite 1.2s;
	-moz-animation:circleShow1 3s ease-in-out infinite 1.2s;
	-ms-animation:circleShow1 3s ease-in-out infinite 1.2s;
	-o-animation:circleShow1 3s ease-in-out infinite 1.2s;
}
@keyframes circleShow1
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes circleShow1
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes circleShow1
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}

.circle-show-2{
	animation:circleShow2 3s ease-in-out infinite 1.4s;
	-webkit-animation:circleShow2 3s ease-in-out infinite 1.4s;
	-moz-animation:circleShow2 3s ease-in-out infinite 1.4s;
	-ms-animation:circleShow2 3s ease-in-out infinite 1.4s;
	-o-animation:circleShow2 3s ease-in-out infinite 1.4s;
}
@keyframes circleShow2
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes circleShow2
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes circleShow2
{
	0% {opacity:0;}
	50% {opacity:1;}
	100%{opacity:0;}
}